<!DOCTYPE html>
<style>
body {
  zoom: 175%;
  margin: 0;
}
#container {
  overflow-y: scroll;
  width: 200px;
  height: 200px;
}
#content {
  background-color: green;
  width: 100px;
  height: 200.3px;
}
</style>
Tests scroll behavior when a subpixel scrollbar thumb is dragged by mouse.
<div id="container">
  <div id="content"></div>
</div>
<script src="../../resources/js-test.js"></script>
<script>
window.jsTestIsAsync = true;
if (window.eventSender) {
  onload = function() {
    var container = document.getElementById('container');
    eventSender.mouseMoveTo(340, 200);
    eventSender.mouseDown();
    eventSender.mouseMoveTo(340, 250);
    eventSender.mouseUp();

    requestAnimationFrame(() => {
        shouldBeCloseTo("container.scrollTop", "0.57", 0.02);
        finishJSTest();
    });
  };
}
</script>
